@import "../../../../../../../styles/variables";

.keyIssuesTable {
    font-size: $secondary-font-size;

    .d-flex > div {
        padding: 0rem 0.5rem;
    }
}

.intervalChart {
    width: 100%;
    height: 1rem;
}

.controversy-icon {
    width: 1.25em;
    height: 1.25em;
}

.attribution-modal-header {
    // font-size: 0.65rem;
}

.d-flex > div {
    padding: 0.5rem;
}

.issues-header {
    font-size: $secondary-font-size;
    font-weight: $font-weight-medium;
}

.attribution-table {
    font-size: $secondary-font-size;
    border-collapse: separate;
    border-spacing: 0;

    thead th {
        font-size: 0.75rem;
        font-weight: $font-weight-medium;
        border-bottom: 2px solid $dark-grey;
    }

    .controversy-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    tfoot td {
        text-align: right;
        font-weight: $font-weight-bold;
        border-top: 2px solid $dark-grey;
    }

    .numeric-header {
        text-align: center;
    }

    .numeric-column {
        text-align: right;
        padding-right: 1.5rem;
    }

    .chart-legend-block, .chart-legend-circle {
        width: 0.65rem;
        height: 1rem;
        line-height: 1rem;
    }
    
    .chart-legend-block, .chart-legend-circle {
        width: 0.65rem;
        height: 1rem;
        line-height: 1rem;
    }    
}

.rating-block {
    width: 0.85rem;
    height: 2rem;
}